<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
<script type="text/javascript" src="/admin/lib/respond.min.js"></script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" />
    <link href="/admin/lib/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
    <!--[if IE 6]>
<script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title>添加条目</title>

</head>

<body>
    <article class="page-container">
        <form class="form form-horizontal" id="form" autocomplete="off" >
            {{ csrf_form_field() }}
            <div class="row cl">
                <label class="form-label col-sm-3"><span class="c-red">*</span>送检单位：</label>
                <div class="formControls col-sm-9">
                    <input type="text" class="input-text" value="" id="name" name="name" autofocus>
                </div>
            </div>
            @if ($enable_tool_ID)
                <div class="row cl">
                    <label class="form-label col-sm-3">送检单位字母表示：</label>
                    <div class="formControls col-sm-6">
                        <input type="text" class="input-text" value="" placeholder="小写字母会自动转成大写" id="name_ABC" name="name_ABC">
                    </div>
                    <div class="col-sm-3">
                        <input class="btn btn-primary size-S radius" type="button" onclick="get_ABC()" value="生成">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-sm-3">工器具ID前8位：</label>
                    <div class="formControls col-sm-3">
                        <select class="select2 input-text" id="shen">
                            <option value="">--地市--</option>
                            @foreach ($clientcodes as $k=> $val)
                                <option value="{{$k}}">{{$val['name']}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="formControls col-sm-3">
                        <select class="select2 input-text" id="shi">
                        </select>
                    </div>
                    <div class="formControls col-sm-3">
                        <select class="select2 input-text" id="xian">
                        </select>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-sm-3"></label>
                    <div class="formControls col-sm-9">
                        <input type="text" class="input-text required" maxlength="8" minlength="8" value="" placeholder="" id="gqj_ID" name="gqj_ID">
                    </div>
                </div>
            @endif
            <div class="row cl">
                <label class="form-label col-sm-3">委托单位：</label>
                <div class="formControls col-sm-9">
                    <input type="text" class="input-text" value="{{isset(getCache('setting')['entrusted_company_default']) ? getCache('setting')['entrusted_company_default'] : ''}}" placeholder="" id="entrusted_company" name="entrusted_company">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-sm-3">联系人：</label>
                <div class="formControls col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="contact" name="contact">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-sm-3">电话：</label>
                <div class="formControls col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="telephone" name="telephone">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-sm-3">地址：</label>
                <div class="formControls col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="address" name="address">
                </div>
            </div>

            @csrf

            <div class="row cl pt-20">
                <div class="col-sm-9 col-sm-offset-3">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                    <input class="btn btn-danger radius ml-15" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;" onclick="layer_close();">
                </div>
            </div>
        </form>
    </article>

    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer 作为公共模版分离出去-->

    <!--请在下方写此页面业务相关的脚本-->
    <script src="/admin/lib/select2/4.0.7/js/select2.min.js"></script>
    <script src="/admin/lib/select2/4.0.7/js/i18n/zh-CN.js"></script>

    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
    <script type="text/javascript">
        $('.select2').select2({
            language: "zh-CN"
        });
        var clientdata = @json($clientcodes);
        var gqjid = '';
        $(function(){

            var index2;

            $('.skin-minimal input').iCheck({
                checkboxClass: 'icheckbox-blue',
                radioClass: 'iradio-blue',
                increaseArea: '20%'
            });

            $("#form").validate({
                rules:{
                    name:{
                        required:true,
                        notSpace:true,
                    },
                    // contact:{
                    //     required:true,
                    //     notSpace:true,
                    // },
                    // telephone:{
                    //     required:true,
                    //     notSpace:true,
                    // },
                    // address:{
                    //     required:true,
                    //     notSpace:true,
                    // },
                },
                // onkeyup:false,
                // focusCleanup:false,
                success:"valid",
                submitHandler:function(form){
                   $(form).ajaxSubmit({
                        type: 'post',
                        url: "",//自己提交给自己可以不写url
                        //beforeSend  beforeSubmit

                        beforeSend : function () {
                            //0.4透明度 白色遮罩
                           index2 = layer.load(2,{ shade: [0.3,'#fff'] });
                        },
                        complete : function () {
                            layer.close(index2);
                        },
                        success: function(data) {
                            //判断添加结果
                            if(data === '1'){
                                // parent.window.location.reload();//刷新
                                parent.table_reload(0);//0停留在当前页，1回到第一页
                                parent.layer.msg('添加成功!',{ icon: 1, time:2000 });
                                layer_close();
                            }else{
                                layer.msg('添加失败!', { icon: 2, time: 2000 });
                            }
                        },
                        error: function(data) {
                            ajax_error(data);
                        }
                    });
                }
            });
        });

/* 根据送检单位的中文获取英文首字母 */
function get_ABC(){
    var index2;
    var str = $('#name').val();
    if (str == "") return;

    $.ajax({
        type: 'GET',
        url: '/{{config('constant.name_admin')}}/client/getABC?str=' + str,
        // dataType: 'json',
        success: function(data){
            // console.log(data);
            $('#name_ABC').val(data);
        },
        error:function(data) {
            ajax_error(data);
        },
        beforeSend : function () {
            //0.4透明度 白色遮罩
            index2 = layer.load(2,{ shade: [0.05,'#000'] });
        },
        complete : function () {
            layer.close(index2);
        },
    });
}
$('#shen').on('select2:select',function () {
    let key = $(this).select2('val');
    let now = clientdata[key];
    let child = clientdata[key]['_child'];
    gqjid = now['code'];
    $('#gqj_ID').val(gqjid);
    let optionStr = '<option value="">--区县--</option>';
    $.map(child, function (item,key) {
        optionStr += '<option value="'+key+'">'+item.name+'</option>';
    });
    $('#shi').html(optionStr);
    $('#xian').html('');
})
        $('#shi').on('select2:select',function () {
            let shenkey = $('#shen').val();
            let shikey = $(this).select2('val');
            let now = clientdata[shenkey]['_child'][shikey];
            let child = now['_child'];
            gqjid = clientdata[shenkey]['code'] + clientdata[shenkey]['_child'][shikey]['code'];
            $('#gqj_ID').val(gqjid);
            let optionStr = '<option value="">--班站所--</option>';
            $.map(child, function (item,key) {
                optionStr += '<option value="'+key+'">'+item.name+'</option>';
            });
            $('#xian').html(optionStr);
        })
        $('#xian').on('select2:select',function () {
            let shenkey = $('#shen').val();
            let shikey = $('#shi').val();
            let key = $(this).select2('val');
            let now = clientdata[shenkey]['_child'][shikey]['_child'][key];
            gqjid = clientdata[shenkey]['code'] + clientdata[shenkey]['_child'][shikey]['code'] + now['code'];
            $('#gqj_ID').val(gqjid);
        })
    </script>
    <!--/请在上方写此页面业务相关的脚本-->
</body>

</html>
